<template>
  <div>
    <div class="user_top" style="height:3.5rem;width:100%;">
        <van-row style="padding:10px;">
          <van-col class="user_top_header_img" span="6" >
              <van-image
                  round
                  width="2rem"
                  height="2rem"
                  src="../../static/user.png"
                />
          </van-col>
          <van-col class="user_top_header_info" span="12" offset="1" >
              用户73514558
              <div>普通用户</div>
          </van-col>
          <van-col span="2" offset="2" style="background-color: pink;">二维码</van-col>
        </van-row>

    </div>

    <van-grid :column-num="3">
        <van-grid-item v-for="value in 15" :key="value" icon="location-o" text="文字" />
    </van-grid>


    <footer_bar></footer_bar>
  </div>
</template>

<script>
import footer_bar from './footer_bar'

export default {
  name: 'user',
  data () {
    return {
        activeKey: 0,
    }
  },
  components:{footer_bar},
}

</script>

<style>
.user_top{
    background-image: url("../../static/bg.png");

}
.user_top_header_img{
    padding:0.51rem;
}
.user_top_header_info{
    color: #fff;
    font-size: .46rem;
    text-align: left;
    padding-top: 1rem;
}
.user_top_header_info div{
    line-height: 0.6rem;
    font-size: .33rem;
}
</style>
